<template>
    <div>
        <div class="statistics-group">
            <div class="statistics-group">
                <div class="item style04 item-style01" v-if="show" @click="excelBtn('rushen')">
                    <div class="content">
                        <div class="txt">入沈入境</div>
                    </div>
                </div>
                <div class="item style04 item-style02" @click="excelBtn('hesuan')">
                    <div class="content">
                        <div class="txt">核酸检测</div>
                    </div>
                </div>
                <div class="item style04 item-style03" @click="excelBtn('mijie')">
                    <div class="content">
                        <div class="txt">密接人员</div>
                    </div>
                </div>
                <div class="item style04 item-style04" v-if="show" @click="excelBtn('zhongzhuan')">
                    <div class="content">
                        <div class="txt">中转人员</div>
                    </div>
                </div>
                <div class="item style04 item-style05" @click="excelBtn('yutibao')">
                    <div class="content">
                        <div class="txt">预提报</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="statistics-group">
            <div class="statistics-group">
                <div class="item style04 item-style01" v-if="show" @click="excelBtn('geli')">
                    <div class="content">
                        <div class="txt">隔离人员</div>
                    </div>
                </div>
                <div class="item style04 item-style02" @click="excelBtn('jizhong')">
                    <div class="content">
                        <div class="txt">集中观察</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
// import DlqSearch from '@/components/search'
export default {
  data () {
    return {
      show: true
    }
  },
  computed: {},
  mounted () {
    if (this.$store.state.user.severUserInfo.data.loginName === 'LA000467') {
      this.show = false
    }
  },
  methods: {
    excelBtn (data) {
      this.$router.push({
        name: 'dataExcel',
        query: { type: data }
      })
    },
    isolationHotel () {
      this.$router.push({
        name: 'hotelQuarantine'
      })
    },
    confirmedAsymptomatic () {
      this.$router.push({
        name: 'confirmed-b'
      })
    }
  }
}
</script>

<style scoped type="less">
    .statistics-group {
        width: 100%;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .statistics-group .item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0;
        background-color: white;
        border-radius: 10px;
    }
    .statistics-group .item .icon {
        font-size: 46px;
        color: white;
    }
    .statistics-group .item img {
        width: 30%;
    }
    .statistics-group .item .content {
        width: 100%;
        text-align: center;
    }
    .statistics-group .item .content .txt{
        font-size: 14px;
        color: white;
        text-align: center;
    }
    .statistics-group .item .content .statistics{
        font-size: 32px;
        color: white;
    }
    .item {
        width: 12%;
        cursor: pointer;
    }
    .item-style01 {
        background-image: linear-gradient(160deg, #b100ff 20%,#00b3ff 80%);
    }
    .item-style02 {
        background-image: linear-gradient(160deg, #0078ff 20%,#002abb 80%);
    }
    .item-style03 {
        background-image: linear-gradient(160deg, #00ffd5 20%,#008cff 80%);
    }
    .item-style04 {
        background-image: linear-gradient(160deg, #ffce00 20%,#ff8b00 80%);
    }
    .item-style05{
        background-image: linear-gradient(160deg, #b100ff 20%,#00b3ff 80%);
    }
    .item-style06{
        background-image: linear-gradient(160deg, #0078ff 20%,#002abb 80%);
    }
    .img-item{
        width: 100%;
    }
</style>
